// JavaScript Document

Ext.onReady(function(){
	
	 Ext.QuickTips.init();  
     Ext.form.Field.prototype.msgTarget = 'side';
	 var uname = new Ext.form.TextField( {
		margin:'20 20',  
        id :'uname',  
        fieldLabel : '用户名',  
        name : 'name',//元素名称 
		width:250,  
        allowBlank : false,//不允许为空  
        value : "admin",  
        blankText : '用户名不能为空'//错误提示内容  
    }); 
	 
    var pwd = new Ext.form.TextField( {  
		margin:'20 20',  
        id : 'pwd',  
        xtype: 'textfield',  
        inputType : 'password',  
        fieldLabel : '密　码',  
        width:250,   
        maxLength : 20,  
        name : 'passwd',  
        allowBlank : false,  
        value : "12345",  
        blankText : '密码不能为空'  
    }); 
	 
	 var simple = new Ext.FormPanel( {  		
        defaultType : 'textfield',//默认字段类型  
        bodyStyle : 'padding:100 100;margin 100 100',  
        border : false,  
        buttonAlign : 'center',  
        border : false,  
        id : "form",  
        //定义表单元素  
        items : [uname, pwd ],  
        buttons : [ {  
            text : '登录',  
            type : 'submit',  
            id : 'sb',  
            //定义表单提交事件  
            handler : save  
        }, {  
            text : '重置',  
            handler : function() {  
                simple.form.reset();  
            }  
        } ],  
        keys : [ {  
            key : Ext.EventObject.ENTER,  
            fn : save,  
            scope : this  
        } ]  
    });
	var win = new Ext.Window({  
                id : 'win',  
                layout : 'fit', //自适应布局     
                align : 'center',  
                width : 400,  
                height : 182,  
                resizable : false,  
                draggable : false,  
                border : false,  
                //bodyStyle :"background-image:url(images/background.jpg)",  
                maximizable : false,//禁止最大化  
                closeAction : 'close',  
                closable : false,//禁止关闭,
				items:simple  
                
            //将表单作为窗体元素嵌套布局  
            });  
            win.show();//显示窗体  
            pwd.focus(false, 100);  
			
	   function save() {  
                
				var name = uname.text;  
                var pass = pwd.text;
                simple.form.submit({
							url:'test.php',
                            method:'POST',
                            success: function(form, action){
                                alert(action.response.responseText);
                            },
                            failure: function(form, action){
                                alert(action.result.errormsg);
                            }
					
					});
				
               // if (simple.form.isValid()) {  
                    //提交到服务器操作  
                   /* simple.form.submit({  
                        waitMsg : '正在进行登陆验证,请稍后...',  
                        url : 'test.php',  
                        method : 'post',  
                        params : {  
                        userName : userName,  
                        userPass : userPass  
                        },  */
                        //提交成功的回调函数  
           /*             success : function(form, action) {  
                            if (action.result.msg == 'OK') {  
                                window.location.href="login!index.action?userName="+userName;  
                            }else if(action.result.msg == 'ERROR') {  
                                window.location.href="index.jsp";  
                            }  
                        }, */ 
                        //提交失败的回调函数  
                       /* failure : function(form, action) {  
                            switch (action.failureType) {    
                            case Ext.form.Action.CLIENT_INVALID:    
                                Ext.Msg.alert('错误提示', '表单数据非法请核实后重新输入！');    
                                break;    
                            case Ext.form.Action.CONNECT_FAILURE:    
                                Ext.Msg.alert('错误提示', '网络连接异常！');    
                                break;    
                            case Ext.form.Action.SERVER_INVALID:    
                               Ext.Msg.alert('错误提示', "您的输入用户信息有误，请核实后重新输入！");    
                               simple.form.reset();      
                            }  
                        }  */
                   // });  
               // }  
            }; 		
			
			
	});
